<template>
 <div>
   <!-- 一个vue就是一个组件 -->
   <!-- template只能有一个标签，div里面随便写 -->
   <p>{{name}}</p>
   <h1>{{aaa}}</h1>
 </div>
</template>

<script>
export default {
 data(){
   return {
     name:"TFBOYS",
   };
 },
 props:{
   aaa:String,
 },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
p{
  color: orange;
  font-size: 25px;
}
</style>
